<template>
  <div>
    <Nav></Nav>
    <Header />
    <Service />
    <Cases />
    <Case2 />
    <Case3 />
    <Case4 />
    <About />
    <Join />
    <Contact ref="contact" />
    <Map />
  </div>
</template>

<script>
import Nav from '@/components/index/components/Nav'
import Header from '@/components/index/components/Header'
import Service from '@/components/index/components/Service'
import Cases from '@/components/index/components/Cases'
import Case2 from '@/components/index/components/Case2'
import Case3 from '@/components/index/components/Case3'
import Case4 from '@/components/index/components/Case4'
import About from '@/components/index/components/About'
import Join from '@/components/index/components/Join'
import Contact from '@/components/index/components/Contact'
import Map from '@/components/index/components/Map'

export default {
  name: "Index",
  components:{
    Nav,
    Header,
    Service,
    Cases,
    Case2,
    Case3,
    Case4,
    About,
    Join,
    Contact,
    // Map,
  },
  data() {
    return {
      msg: "Welcome to Your Vue.js App"
    };
  },
  mounted:function(){
    
  }
};
</script>

<!-- Add "scoped" attribute to limit CSS to this component only -->
<style scoped>

</style>
